<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<!--marke-scatter-->
	<div class="marke-scatter-echarts" id="main">
		
		
		
		
		
	</div>
	<!--/marke-scatter-->
	<!--js-->
		<aside>
			<script type="text/javascript" src="http://zhihuiyouzhan.oss-cn-hangzhou.aliyuncs.com/static/plugin/echarts/4.0.3/echarts.min.js" ></script>
			<script type="text/javascript">
				var myChart = echarts.init(document.getElementById('main'));
				option = {
					 tooltip: {
				        trigger: 'none',
				        axisPointer: {
				            type: 'cross',
				            crossStyle: {
				                color: '#999'
				            }
				        }
				    },
					grid: {
				        left: '34',
				        bottom: '50',
				        containLabel: true
				    },

				    xAxis: {
				    	name:'流失天数',
				    	splitLine:false
				    },
				    yAxis: {
				    	name:'连续30天最大加油量',
				    	nameTextStyle:{
				    		fontSize:16,
				    		padding:[0,0,10,0]
				    	},
				    	splitLine:false
				    },
				     dataZoom: [
				        {
				            type: 'slider',
				            xAxisIndex: 0,
				            filterMode: 'empty',
				            backgroundColor:"#ffffff",
				            start: 20,
				        },
				        {
				            type: 'slider',
				            yAxisIndex: 0,
				            filterMode: 'empty',
				            left:0
				        },
				        
				    ],
				    series: [{
				        symbolSize: 20,
				        data: [
				            [123, 539],
				            [12, 839],
				            [133, 539],
				            [111, 985],
				            [134, 1539],
				            [153, 19],
				            [12, 59],
				            [125, 189],
				            [13, 59],
				            [11, 98],
				            [110, 159],
				            [98, 119]
				        ],
				        type: 'scatter'
				    }]
				};
				myChart.setOption(option);

				
				
			</script>
		</aside>
	<!--/js-->
</body>
</html>